<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>邀请好友</title>
    <link rel="stylesheet" href="../css/home.css">
    <link rel="stylesheet" href="../css/invest.css">
    <link rel="stylesheet" href="../css/jkd-tab.css">
    <link rel="stylesheet" href="../css/jquery-calendar.css" />
    <link rel="stylesheet" href="../css/jkdpop-box.css">
    <link rel="stylesheet" href="../css/chome.css">
    <script type="text/javascript" src="../lib/jquery-1.7.2.min.js"></script>
    <script src="../js/home.js"></script>
    <script src="../js/jquery.SuperSlide.2.1.1.js"></script>
    <script type="text/javascript" src="../js/jquery-calendar.js"></script>
</head>
<body>
<div id="header"></div>
<!--二.我的金开贷-->
<div class="my-jkd wd12 mg0">
    <!--侧边栏-->
    <div id="myjkd-leftmenu"></div>
    <!--侧边栏-r-->
    <div class="my-jkd-con fl">
        <div class="myjkd-invite box-sh back-w  pt-re">
            <div class="invite-til font18 colg tl-center pt-ab">邀请好友说明</div>
            <div class="invite-txt fl">好友使用您的聚财码注册将获得额外的金开币奖励、一
                个月VIP权限以及千分之三的加息券奖励；您邀请的好
                友成功实名注册您将获得金开币奖励；您邀请的好友6
                个月内每笔成功投资您都将获得平台返利奖励。
            </div>
            <div class="invite-bgl  fl tl-center pt-re">
                <p class="invite-name font18 font60 pt-ab col-w">聚财码</p>
                <div class="inviteimg tl-center">
                    <p class="invite-num font22 pt-ab colred jkdFont">JKD0R23</p>
                </div>
                <a class="lred-btn  col-w  hov-alpha">复制</a>
            </div>
            <div class="invite-bg fl tl-center">
                <div class="invite-code tl-center"><img src="../images/invite-code.png"></div>
                <p class="invite-nameb font60 col-w">分享至社交平台</p>
                <div class="share-icon mg0"><img src="../images/share-icon.png"></div>
            </div>
        </div>
        <div style="clear: both"></div>

        <div class="invite-box box-sh back-w">
            <div class="fl ">
                <div class="invite-numimg fl"><img src="../images/invite-usenum.png"></div>
                <span class="num-group fl">
                    <div class="font16">聚财码使用次数</div>
                    <div class="font18 fontw50 colg">10次</div>
                </span>
            </div>
            <div class="mid-line fl"></div>
            <div class="fl ">
                <div class="invite-numimg fl"><img src="../images/invite-rebate.png"></div>
                <span class="num-group fl">
                    <div class="font16">累计返利总额</div>
                    <div class="font18 fontw50 colred"> 3000.00元</div>
                </span>
            </div>
        </div>

        <div style="clear: both"></div>
        <!--好友投资进程-->
        <div class="cash-log pt-re ">

            <div class="invite-tab back-w box-sh">
                <div class="cash-logtil  font18 pt-ab colg tl-center">好友投资进程</div>
                <span class="invite-time flr">仅显示您六个月内邀请的好友</span>
                <div style="clear: both"></div>
                <div class="invite-hd">
                    <p class="txt-hd fl tl-center">邀请时间 </p>
                    <p class="txt-hd2 fl tl-center">邀请时间 </p>
                    <p class="txt-hd3 fl tl-center">邀请时间 </p>
                </div>
                <div class="invite-bd">
                    <p class="txt-hd fl tl-center">2017-03-01 </p>
                    <p class="txt-hd2 fl tl-center">135****3360 </p>
                    <p class="txt-hd3 fl tl-center">
                        <div class="invite-oder fl">
                            <div class="invite-fr fl"><img src="../images/invite-fr.png"></div>
                            <p class="colgr fl">注册完成</p>
                            <div class="dash-line fl"></div>
                            <div class="invite-fr fl"><img src="../images/invite-ready.png"></div>
                            <p class="colgr fl">开户完成</p>
                            <div class="dash-line fl"></div>
                            <div class="invite-fr fl"><img src="../images/invite-end.png"></div>
                            <p class="colgr fl">投资</p>
                        </div>
                    </p>
                </div>
                <div class="invite-bd">
                    <p class="txt-hd fl tl-center">2017-03-01 </p>
                    <p class="txt-hd2 fl tl-center">135****3360 </p>
                    <div  class="txt-hd3 fl tl-center">
                        <div class="invite-oder fl">
                            <div class="invite-fr fl"><img src="../images/invite-fr.png"></div>
                            <p class="colgr fl">注册完成</p>
                            <div class="dash-line fl"></div>
                            <div class="invite-fr fl"><img src="../images/invite-ready2.png"></div>
                            <p class="fl">开户完成</p>
                            <div class="dash-line fl"></div>
                            <div class="invite-fr fl"><img src="../images/invite-end2.png"></div>
                            <p class="fl">投资</p>
                        </div>
                    </div>
                </div>
            </div>
            <div style="clear: both"></div>
            <!--我的聚财返利-->
            <div class="invite-bot back-w box-sh  pt-re">
                <div class="cash-logtil  font18 pt-re colg tl-center">我的聚财返利</div>
                <div class="vip-tableinfo pt-ab">您的聚财返利将在次季度第一个月20日前返至您的账户，请及时查收。<a class="vip-tbn col-lightbl"> 查看详细聚财码使用规则</a></div>
                <div class="assets-select">
                    <div>
                        <p class="assets-selectp fl">
                            <span>开始时间</span>
                            <span>
                                 <input type="text" name="date"  class="calendar1"  maxlength="10" onfocus="$(this).calendar()" />
                            </span>
                        </p>
                    </div>
                    <div>
                        <p class="assets-selectp fl">
                            <span>开始时间</span>
                            <span>
                                  <input type="text" name="date"  class="calendar1"  maxlength="10" onfocus="$(this).calendar()" />
                            </span>
                        </p>
                    </div>
                    <a class="recharge-redbtn fl hov-alpha">查询</a>

                </div>
                <table>
                    <tr>
                        <td colspan="5">
                            <div class="vip-tablein">
                                <p class="invite-p1 fl">发生时间</p>
                                <div class="invite-p2 fl">获取/使用途径</div>
                                <div class="invite-p3 fl">返利金额（元）</div>
                                <div class="invite-p4 fl">累计返利金额（元）</div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="5">
                            <div class="vip-tbodyin">
                                <p class="invite-p1 fl">2017-05-01 10:00:17</p>
                                <div class="invite-p2 fl">邀请好友投资返利</div>
                                <div class="invite-p3 fl colred">+1000.00</div>
                                <div class="invite-p4 fl tl-l">2400</div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="5">
                            <div class="vip-tbodyin">
                                <p class="invite-p1 fl">2017-05-01 10:00:17</p>
                                <div class="invite-p2 fl">邀请好友实名认证奖励</div>
                                <div class="invite-p3 fl colred">+1000.00</div>
                                <div class="invite-p4 fl tl-l">2400</div>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="5">
                            <div class="vip-tbodyin">
                                <p class="invite-p1 fl">2017-05-01 10:00:17</p>
                                <div class="invite-p2 fl">邀请好友实名认证奖励</div>
                                <div class="invite-p3 fl colred">+1000.00</div>
                                <div class="invite-p4 fl tl-l">2400</div>
                            </div>
                        </td>
                    </tr>
                </table>
                <div style="clear: both"></div>
                <!--分页器-->
                <div class="jkdPagination">
                    <a class="homePag hov-alpha">首页</a>
                    <a class="jkdpag-l hov-alpha"><img src="../images/jkdpagleft.png"></a>
                    <div class="jkdpag-num">
                        <div>
                            <span class="colred">1</span>
                            <span>/</span>
                            <span>4</span>
                        </div>
                    </div>
                    <a class="jkdpag-r hov-alpha"><img src="../images/jkdpagright.png"></a>
                    <a class="lastPag hov-alpha">尾页</a>
                </div>
                <!--分页-->
            </div>


        </div>
    </div>
    <div style="clear: both"></div>
</div>
<div style="clear: both"></div>
<div id="footer">
</div>
<style>
    .home-a2{color:#f15b3a}
    .jkd-li13{
        background: url("../images/jkd-icon.png") no-repeat 5px 2px;
    }

    .jkd-a13{
        background: url("../images/13.png") no-repeat;
        background-position:  14px 4px ;
        color: #f15b3a;
    }
</style>
</body>
</html>
